/*
 * @Title: 
 * @Created by: ycq
 */
<template>
	<view class="lxMask">
		<image class="duck" src="/static/map/duck.png" mode=""></image>
		<image class="line-pop" src="/static/map/line-pop.png" mode=""></image>
		<view class="know-btn" @click="close">我知道啦</view>
		<view class="hint">
			<label>
				<checkbox value="cb" color="#FE990A" style="transform:scale(0.7);background: rgba(0,0,0,0.50);" />
			</label>
			<text>不再提示</text>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods: {
			close(){
				//#ifdef APP-PLUS|| MP-WEIXIN
				this.$parent.closeZyMask();
				//#endif
				//#ifndef APP-PLUS|| MP-WEIXIN
				this.$parent.$parent.closeZyMask();
				//#endif
			}
		},
		created(){
			
		}
	}
</script>

<style scoped>
	.lxMask{
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		position: fixed;
		z-index: 30;
		top: 0;
	}
	.duck{
		width: 349upx;
		height: 414upx;
		position: absolute;
		top: 633upx;
		right: 0;
	}
	.line-pop{
		width: 524upx;
		height: 209upx;
		position: absolute;
		top: 449upx;
		left:57upx
	}
	.know-btn{
		width: 203upx;
		height: 60upx;
		position: absolute;
		top: 970upx;
		background: rgba(178,220,255,0.1);
		border: #FFFFFF solid 1upx;
		border-radius: 30upx;
		text-align: center;
		line-height: 60upx;
		color: #FFFFFF;
		font-size: 28upx;
		left: 260upx;
	}
	.hint{
		/* position: absolute; */
		margin-top: 1060upx;
		margin-left: -30upx;
		display: flex;
		flex-direction: row;/*控制方向 --*/
		justify-content:center; /*对齐方式*/
	}
	.hint text{
		margin-top: 15upx;
		font-size: 24upx;
		margin-left: 10upx;
		color: #FFFFFF;
	}
</style>
